<body>
    <!-- 导航栏 -->
    <ul>
        <li>首页</li>
        <li>商品</li>
        <li>购物车</li>
        <li><a href="#computer">电脑</a></li>
    </ul>

    <!-- 商品列表 -->
    <h1>欢迎来到我的商城</h1>
    <marquee onMouseOver="this.stop()">
        <h4>欢迎光临</h4>
    </marquee>

    <!-- 推荐商品 -->
    <h2>推荐商品</h2>

    <h3>智能手机</h3>
    <p>
        <img src="phone.jpg" alt="这是手机图片" title="苹果手机" height="288" width="188" usemap="#映射图片名称">
        <br>
        <map name="映射图片名称">
            <area shape="circle" coords="50,100,50" href="../index.html" alt="主页">
        </map>
        iPhone 13 Pro
        <p>￥9999</p>
    </p>

    <h3 id="computer">电脑</h3>
    <p>
        <img src="phone.jpg" alt="这是电脑图片" title="高端电脑" height="208" width="188">
        <br> 5090整机
        <p>￥19999</p>
    </p>

    <!-- 页脚 -->
    <p>&copy;2025 我的商城 版权所有</p>
    
    <iframe src="http://172.18.90.221/chatbot/6zd71zjRDmI0Husx" style="width: 100%; height: 100%; min-height: 700px" frameborder="0" allow="microphone"></iframe>
    
    <!-- 回到顶部 -->
</body>
